// 过程状态
.as-room-to-top-enter-active,
.as-room-to-top-leave-active {
  transition: all 0.2s;
  transform: scaleY(1);
}

// 结束状态
.as-room-to-top-enter,
.as-room-to-top-leave-to {
  opacity: 0;
  transform: scaleY(0);
}

// 过程状态
.fade-to-top-enter-active,
.fade-to-top-leave-active {
  transition: all 0.2s;
}

// 结束状态
.fade-to-top-enter,
.fade-to-top-leave-to {
  opacity: 0;
  margin-top: -10px;
}
// 过程状态
.as-fade-enter-active,
.as-fade-leave-active {
  transition: all 0.2s;
}

// 结束状态
.as-fade-enter,
.as-fade-leave-to {
  opacity: 0;
}
// 过程状态
.as-move-to-top-enter-active,
.as-move-to-top-leave-active {
  transition: all 1s ease;
}

// 结束状态
.as-move-to-top-enter,
.as-move-to-top-leave-to {
  opacity: 0;
  margin-top: -100px;
}

// 过程状态
.as-move-to-right-enter-active,
.as-move-to-right-leave-active {
  transition: all 1s ease;
}

// 结束状态
.as-move-to-right-enter,
.as-move-to-right-leave-to {
  opacity: 0;
  margin-right: -400px;
}
